
$xsmall-break:768px;
@mixin xsmall() {
  @media screen and (max-width: $xsmall-break) {
    @content;
  }
}

@mixin minxsmall() {
  @media screen and (min-width: 320px) and (max-width: $xsmall-break) {
    @content;
  }
}

@mixin minsmall414() {
  @media screen and (max-width: 414px) {
    @content;
  }
}

@mixin small() {
  @media screen and (min-width: $xsmall-break) {
    @content;
  }
}

@mixin mdxmall() {
  @media screen and (min-width: 768px) and (max-width:992px) {
    @content;
  }
}

@mixin smallh800() {
  @media screen and (max-height: 800px) {
    @content;
  }
}

@mixin lgallh1280() {
  @media screen and (max-height: 1280px) {
    @content;
  }
}

// ip4
@mixin max320() {
  @media screen and (max-width: 320px) {
    @content;
  }
}

// ip6
@mixin max375() {
  @media screen and (min-width: 321px) and (max-width: 375px) {
    @content;
  }
}

// ip6plus
@mixin max414() {
  @media screen and (min-width: 376px) and (max-width: 414px) {
    @content;
  }
}

//大于ipad
@mixin min415() {
  @media screen and (min-width: 415px) {
    @content;
  }
}

// ipad
@mixin max768() {
  @media screen and (min-width: 415px) and (max-width: 768px) {
    @content;
  }
}

//大于ipad
@mixin min768() {
  @media screen and (min-width: 769px) {
    @content;
  }
}

//中等屏幕 大于993
@mixin mdScreen() {
  @media screen and (min-width: 993px) {
    @content;
  }
}

//大屏幕 大于1201
@mixin lgScreen() {
  @media screen and (min-width: 1201px) {
    @content;
  }
}

@mixin min641() {
  @media screen and (min-width: 641px) {
    @content;
  }
}